<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>扫码授权回调</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="start/layui/css/layui.css" media="all">
    <link rel="stylesheet" type="text/css" href="start/layui/icon/icon.css">
    <script type="text/javascript" src="jquery.min.js"></script>
</head>
<body>
<div class="layui-fluid">
    <div class="layui-form success img" style="display:none;">
        <img src="./src/images/wechat/success.png"/>
        <div class="">授权成功</div>
    </div>
    <div class="layui-form fail img" style="display:none;">
        <img src="./src/images/wechat/fail.png"/>
        <div>授权失败</div>
    </div>
    <div class="jump" style="display: none;">
        剩余&nbsp;<span class="num">5</span>&nbsp;秒返回授权页面
    </div>
</div>
</body>
</html>
<script src="start/layui/layui.js"></script>
<script type="text/javascript">
    layui.use('codeReturn', layui.factory('codeReturn'));
</script>
<style>
    .img {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 15vw;
        line-height: 100px;
        font-size: 30px;
        text-align: center;
        align-items: center;
    }

    .img img {
        width: 150px;
        height: 150px;
        margin-right: 10px;
    }
    .jump{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        font-size: 30px;
    }
</style>


